import{I as h,_ as m}from"./index.90afdec6.js";import{d as v,r as I,z as _,g as e,a as y,c as V,b as u,i as r,h as t,f as l}from"./entry.5ad382d5.js";import"./components.c174aab2.js";import"./composables.beb677dc.js";import"./v4.8fa37806.js";import"./helpers.e5008248.js";import"./index.aef3f049.js";import"./HLConst.6f34af32.js";import"./FunnelServices.7706eef5.js";import"./Attributions.8b50d119.js";import"./index.a36dcaca.js";const $={class:"txt-container"},S=v({__name:"ImageFeature",props:{element:{type:Object,required:!0}},setup(a){const n=a,i=I();_("imageContainerWidth",i);const d=e(()=>`${n.element.id}-img`),f=e(()=>`${n.element.id}-headline`),p=e(()=>`${n.element.id}-text`),C=e(()=>["featureHeadline"]),g=e(()=>["featureText"]),x=e(()=>{const{featureColumnOrder:o,featureColumnSize:c}=n.element.class;return Object.values({featureColumnOrder:o,featureColumnSize:c}).filter(s=>s&&s.value).map(s=>s.value).join(" ")});return(o,c)=>(y(),V("div",{class:l(["img-feature-container",t(x)])},[u("div",{class:"img-container",ref_key:"imageContainer",ref:i},[r(h,{id:t(d),element:a.element},null,8,["id","element"])],512),u("div",$,[r(m,{id:t(f),content:a.element.extra.featureHeadline,class:l(t(C))},null,8,["id","content","class"]),r(m,{id:t(p),content:a.element.extra.text,class:l(t(g))},null,8,["id","content","class"])])],2))}});export{S as default};